/**
 * useRef 返回一个可变的 ref 对象，其 current 属性被初始化为传入的参数（initialValue）
 * useRef 返回的 ref 对象在组件的整个生命周期内保持不变，
 * 也就是说每次重新渲染函数组件时，
 * 返回的ref 对象都是同一个（使用 React.createRef ，每次重新渲染组件都会重新创建 ref）
 *
 * forwardRef 可以在父组件中操作子组件的 ref 对象
 * forwardRef 可以将父组件中的 ref 对象转发到子组件中的 dom 元素上
 * 子组件接受 props 和 ref 作为参数
 */
import React, { useRef, MutableRefObject } from 'react';
import { Button } from 'antd-mobile';
import InputCom from '../../components/input';

function UserefCom() {
  const inputComRef: MutableRefObject<any> = useRef(null); // 参数为必填，可填null
  function shuchu() {
    console.log(inputComRef.current.value);
  }
  return (
    <div>
      <InputCom inputRef={inputComRef} value={2} />
      <Button onClick={() => shuchu()}>inputComRef</Button>
    </div>
  );
}
export default UserefCom;
